<template>
  <div id="app">
    <!-- <el-button type="primary" @click="github">GitHub登录</el-button> -->
    <el-button type="primary" @click="signin">GitHub登录</el-button>
    <!-- 路由出口 -->
    <!-- 路由匹配到的组件将渲染在这里 -->
    <router-view></router-view>
  </div>
</template>

<script>
import config from './config/index';
export default {
  name: 'app',
  components: {},
  methods: {
    github() {
      //   window.open(
      //     'https://github.com/login/oauth/authorize?client_id=6daf87d8c206b823763a&redirect_uri=http://localhost:8080/login-result'
      //   );
    },
    signin() {
      window.open(
        config.baseUrl +
          'signin?provider=GitHub&redirectUrl=http://localhost:8080/login-result'
      );
    }
  }
};
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
